<!DOCTYPE html>
<html>
	<head>
		
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
		.photo{
    	float:left;
 	    width:30%;
 	    height: 100%;
		}
		.father{
			position: absolute;/*绝对定位*/
			width: 500px;
			height:500px;
			font-size: 25px;
			text-align: left;/*(让div中的内容居中)*/
			top: 15%;
			left: 50%;
			margin-left: -10px;
			}
			.b{
				float:right;
			}
			
	</style>
	<body>
		
		<div class="photo"><img src="img/捕获.PNG" height="1100"></div>
		<div class="b"><img src="img/gj.PNG"></div>
		<div class="father">
   <form>
  <h1>欢迎注册QQ</h1><h5>每一天，乐在沟通。</h5>
   
    <div>
					<input type="text" name="account" placeholder="昵称" style="width: 450px; height: 40px;" />
				</div>
				<br />
				
				<div>
					<input type="text" name="password" placeholder="密码" style="width: 450px; height: 40px;"/>
				</div>
				<br />
				<div>
					<input type="text" name="password" placeholder="+96" style="width: 100px; height: 40px;"/>&nbsp;&nbsp;&nbsp;
					<input type="text" name="password" placeholder="手机号码" style="width: 316px; height: 40px;"/>
				</div>
				 <span style="font-size: 10px;">可通过该手机号找到密码</span>
 				 <input type="submit" value="立即注册" style="width: 450px; height: 50px; background:dodgerblue; font-size: 20px; color: white;"/><br /><br />
  			     <img src="img/ll.PNG" />
   </form>
    </div>
	</body>
</html>
